.p1{
    height: 6%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    border-bottom: 1px solid #ECECFF;
   }
   .p2{
    height: 100%;
    width: 20%;
    position: absolute;
    left: 0px;
    top: 0px;
   }
   .read{
     font-size: 16px;
     position: absolute;
     height: 70%;
     width: 80%;
     top: 6px;
     left: 40px;
     font-weight: bold;
 }
 .p3{
    height: 8%;
    width: 95%;
    border: 1px solid #e1e1fa;
    position: absolute;
    top: 10%;
    left:2.5%;
 }
 .p4{
    height: 50%;
    width: 200px;
    position: absolute;
    left: 3%;
    top:30%;
 }
 .p5{
    height: 80%;
    width: 90%;
    position: absolute;
    left: 5%;
    top: 23%;
 }
 .seek1{
    height: 90%;
    width: 93%;
    position: absolute;
    top: 0px;
    left: 33px;
}
.seeks1{
    height: 100%;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    border-collapse: collapse;
}
.b1{
    width: 60px;
    height: 30px;
    outline: none;
    border-width: 0px;
    border-radius: 4px;
    cursor: pointer;
    font-family: Microsoft YaHei;
    color: white;
    background: #6bbff0;
    font-size: 10px;
}
.b1:hover{
    background: #8fceeb;
}
.b2{
    width: 60px;
    height: 30px;
    outline: none;
    border-width: 0px;
    border-radius: 4px;
    cursor: pointer;
    font-family: Microsoft YaHei;
    color: white;
    background: #f8654b;
    font-size: 10px;
}
.b2:hover{
    background:  #f19c8d;
}